	<script type="text/javascript">
		function goto(path){
			$("#miframe").hide("fade", {}, 1000, function(){
				$("#miframe").attr("src",path);
				$("#miframe").delay(1000).show("fade", {}, 1000, null);
			});
		};
	</script>
	
			<div id="login" style="overflow:auto; margin-right: 30px; width: 250px; height: 180px; text-align: center; margin-bottom: 15px;" class="ui-widget-content ui-corner-all">
				<h3 class="ui-widget-header ui-corner-all" style="margin: 4px; padding: 5px;" ><a href="#" >Connection </a></h3>
				<div id="login-contenu" style="width: 100%; font-size: 15px;">
					<form name='f' action='/vlcs/login' method='POST'>
					 <table>
					    <tr><td>User:</td><td><input type='text' name='j_username' style="width: 150px;" value=''></td></tr>
					    <tr><td>Password:</td><td><input type='password' style="width: 150px;" name='j_password'/></td></tr>
					    <tr><td><input type='checkbox' name='_spring_security_remember_me'/></td><td>Remember me on this computer.</td></tr>
					    <tr><td colspan='2'><input name="submit" value="Connect" type="submit"/></td></tr>
					  </table>
					</form>
				</div>
			</div>
			
			<div id="divers" style="overflow:auto; margin-right: 30px; width: 250px; height: 180px; text-align: center;" class="ui-widget-content ui-corner-all">
				<h3 class="ui-widget-header ui-corner-all" style="margin: 4px; padding: 5px;" ><a href="#" >Discover</a></h3>
				<div id="divers-contenu" style="width: 100%; font-size: 15px;">
					<a href="#" onclick="goto('<%=request.getContextPath()%>/web/home/main')">Home</a><br>
					<a href="#" onclick="goto('<%=request.getContextPath()%>/web/home/functionalities')">Functionalities</a><br>
					<a href="#" onclick="goto('<%=request.getContextPath()%>/web/home/howto')">How to</a><br>
					<a href="#" onclick="goto('<%=request.getContextPath()%>/web/home/prices')">Prices</a><br>
					<br><button onclick="window.location='<%=request.getContextPath()%>/web/register'">Sign up</button>		
				</div>
			</div>
